<template>
    <footer class="footer">
      <div class="footer-wrapper">
        <!--<div class="footer-link-wrap">-->
          <!--欢迎使用{{systemName}}-->
        <!--</div>-->
        <div class="footer-link-wrap">
          <a href="http://www.mwcxs.top/" target="_blank">交流学习社区</a>
          <a href="http://www.cnblogs.com/chengxs" target="_blank" >safeguardEagle</a>
          <a href="https://www.chengxinsong.cn/" target="_blank" >程新松博客网站</a>
          <a href="https://github.com/saucxs" target="_blank">saucxs的github</a>
        </div>
        <div class="footer-link-wrap">Copyright© 2018，mwcxs.top版权所有
          <a href="http://www.miitbeian.gov.cn" target="_blank">辽ICP备16015497号-2</a>
          <span id="busuanzi_container_site_pv">本站总访问量<span id="busuanzi_value_site_pv" style="color:#e40202"></span>次</span>
          <span id="busuanzi_container_site_uv">总访客数<span id="busuanzi_value_site_uv" style="color:#e40202"></span>人次</span>
        </div>
      </div>
    </footer>
</template>

<script>
  import { mapGetters, mapActions } from 'vuex';
   export default {
    name: 'Footer',
    data() {
      return {

      }
    },
     computed: {
       ...mapGetters([
         "systemName"
       ])
     },
  }

</script>

<style lang="postcss" scoped>
  .footer {
    padding: 20px 0px;
    & .footer-wrapper{
        width: 100%;
        min-width: 990px;
        margin: 0 auto;
      & .footer-link-wrap {
          color: #999;
          font-size: 12px;
          text-align: center;
      /*line-height: 24px;*/
      & > a {
          color: #999;
        }
      &:last-child {
         margin-top: 10px;
       }
      &:not(:last-child) {
      & > a:not(:last-child) {
      &::after {
         content: "丨";
       }
      }
      }
      }
      }
  }
</style>
